<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="ThemeBucket">


  <title>森淼商户后台</title>
    <link rel="stylesheet" href="../css/jquery-ui-1.10.3.css">
    <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
  <!--dynamic table-->
  <link href="../js/advanced-datatable/css/demo_page.css" rel="stylesheet" />
  <link href="../js/advanced-datatable/css/demo_table.css" rel="stylesheet" />
  <link rel="stylesheet" href="../js/data-tables/DT_bootstrap.css" />

  <link href="../css/style.css" rel="stylesheet">
  <link href="../css/style-responsive.css" rel="stylesheet">

    <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.3.0.min.js"></script>
    <script src="../js/angular.js"></script>

  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
    <script src="../js/common/html5shiv.js"></script>
    <script src="../js/common/respond.min.js"></script>
    <![endif]-->




    <style>

        .main-content {
             margin-left: 0;
        }
        .sticky-header .main-content {
             padding-top: 0;
        }
        .page-heading img{
            text-align: center;
            height: 80px;
            max-height: 60px;

        }

        .input-lg{
            font-size: 14px!important;
        }
        .merchant-logo{
            display: block;
            text-align: center;
        }

        textarea.input-lg{
            resize: none;
            height: 46px;
            margin-top: 10px;
        }

        #portrait{
            height: 80px;
            width: 80px;
            border-radius: 50%;
            display: block;
            margin: 0 auto 5px;
            position: relative;
            border: 2px solid #22d673;
        }
        .wrapper{
            background: white;
        }
        .panel{
            webkit-box-shadow:none;
             box-shadow:none;
        }

          .content textarea{
              outline: 0;
          }
        .content>div{
            border-bottom: 1px dashed ;
            margin-top: 35px;
            padding-bottom: 20px;
        }

        .fileupload>div{
            float: left;
            height: 200px;
            width: 50%;
            padding: 10px;
        }
        .fileupload>div label{
            margin-top: 20px;
            display: block;
            text-align: center;
            background: #22d673;
            color: white;
            padding: 3px;
            border-radius: 5px;
        }
        .fileupload>div img{
             height: 150px;
             width: 100%;

        }
        .fileupload:after{
            content: '';
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;
        }

    </style>

</head>

<body class="sticky-header">

<section>


    <!-- main content start-->
    <div class="main-content">

        <!-- page heading start-->
        <div class="page-heading">
             <img src="../images/senmiao-merchant-logo.png" >
            <a href="#" style="float: right;font-size: 20px;margin: 20px 20px 0 0;vertical-align:middle"><span class="fa fa-phone" style="margin-right: 10px"></span>0218754</a>
        </div>
        <!-- page heading end-->



        <!--body wrapper start-->
        <section class="wrapper">
            <!-- page start-->
            <div class="row">
                <div class="col-lg-6 col-lg-offset-3">
                    <section class="panel">
                        <div class="panel-body">
                            <form novalidate="" id="create-job-form" name="form" class="form-horizontal adminex-form" data-ng-app="myApp" data-ng-controller="myCtrl">
                                <div class="form-group">
                                    <div>
                                        <label class="merchant-logo">
                                            <img id="portrait" src="../images/hotel-logo.png" alt="hotel-logo">
                                            <small>上传商家logo</small>
                                            <input id="file" data-ng-model="img" onchange="on_click_upload_file()" value=" " type="file" multiple="" class="file" data-overwrite-initial="true" style="display: none" required="">
                                            <!--<span style="color: red" ng-show="form.img.$dirty&&form.img.$error.required">logo必须上传</span>-->
                                        </label>

                                    </div>

                                    <div class="col-lg-12 content">
                                       <div class="base-information">
                                           <input ng-model="merchantName" name="merchantName" class="form-control input-lg m-bot15" type="text" placeholder="商家名字" required="" >
                                           <input ng-model="userName" name="userName" class="form-control input-lg m-bot15" type="text" placeholder="请输入联系人真实姓名" required="">
                                           <input ng-model="phone" name="number" required="" class="form-control input-lg m-bot15" type="number" placeholder="电话">
                                       </div>
                                        <div class="base-information">
                                            <input ng-model="merchantName" name="merchantName" class="form-control input-lg m-bot15" type="text" value="贤区新建中路597-599" readonly>
                                            <div class="map">
                                                <iframe src="hotel-search.html" height="300" width="100%" frameborder="0"></iframe>
                                            </div>
                                        </div>
                                        <div class="fileupload">
                                           <div>
                                               <img src="" id="face-img">
                                               <label>上传门脸图
                                                   <input id="file-face"  value=" " type="file" multiple="" class="file" data-overwrite-initial="true" style="display: none" required>
                                               </label>
                                           </div>
                                            <div>
                                                <img src="" id="environment-img">
                                                <label>上传环境图
                                                    <input id="file-environment"  value=" " type="file" multiple="" class="file" data-overwrite-initial="true" style="display: none" required>
                                                </label>
                                            </div>
                                        </div>
                                        <span id="create-job" class="btn btn-info" type="submit" style="width: 100%;margin-top: 40px;background: #22d673">确定</span>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </section>
                </div>
            </div>
            <!-- page end-->
        </section>
        <!--body wrapper end-->


        <!--footer section start-->
        <footer>
            © 2017 上海启奉商务咨询有限公司
        </footer>
        <!--footer section end-->


    </div>
    <!-- main content end-->
</section>

<script src="../js/common/jquery-1.11.1.min.js"></script>
<script src="../js/common/jquery-ui.min.js"></script>
<script src="../js/common/bootstrap.min.js"></script>
<script src="../js/common/jquery.nicescroll.js"></script>
<script src="../js/set-information.js"></script>

</body>
<script>


    $('#create-job').click(function(){
        var formElement=$('.content input,textarea,select');
        var flag=true;
        $.each(formElement,function(i){
            if($(this).val()==''){
                flag=false;
                alert('请填写第'+parseInt(1+i)+'个输入框！');
                formElement[i].focus();
                return false;
            }
            else{
                return flag;
            }

        });

        if(flag){
            alert('设置成功！');
            window.location('set-information.html');
        }

    });




    $( "#datepicker" ).datepicker({
        changeMonth: true,
        changeYear: true,
        ateFormat: 'yy-mm-dd',

        showMonthAfterYear:true, //年在前，月在后//添加后缀年
        prevText:"上一月",       //鼠标放在翻月按钮上显示的文字
        nextText:"下一月",
        dayNamesMin:["日","一","二","三","四","五","六"],    //在文本框中显示日期的格式
        dateFormat:"yy-mm-dd",
        monthNamesShort: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'] //以中文显示月份
        //以中文显示每周（必须按此顺序，否则日期出错）
    });
</script>
</html>
